import React, { Component } from 'react';
import {NavLink} from 'react-router-dom'
import {BottomBarStyled} from 'styled/BottomBarStyled'

class BottomBar extends Component {
    render() {
        return (
                <BottomBarStyled>
                    <NavLink to='/home'>
                        <i className="iconfont icon-shouye"></i>
                        <span>首页</span>
                    </NavLink>
                    <NavLink to='/classify'>
                        <i className="iconfont icon-leimupinleifenleileibie"></i>
                        <span>分类</span>
                    </NavLink>
                    <NavLink to='/cart'>
                        <i className="iconfont  icon-gouwuchezhengpin"></i>
                        <span>购物车</span>
                    </NavLink>
                    <NavLink to='/my'>
                        <i className="iconfont icon-wode"></i>
                        <span>我的</span>
                    </NavLink>
                </BottomBarStyled>
        );
    }
}

export default BottomBar;